<!DOCTYPE html>
<html lang="en">

<head>
    <!-- #include file="com/link.asp" -->
</head>

<body>
    <!-- #include file="com/header.asp" -->
    <div class="libMain mainBox">
        <div class="flexs flexsBet">
            <div class="layui-panel panel ">
                <ul class="layui-menu" id="docDemoMenu1">
                    <li lay-options="{id: 100}">
                        <div class="layui-menu-body-title">工具库1</div>
                    </li>
                    <li class="layui-menu-item-group layui-menu-item-down" lay-options="{type: 'group'}">
                        <div class="layui-menu-body-title">
                            工具库2<i class="layui-icon layui-icon-up"></i>
                        </div>
                        <ul>
                            <li lay-options="{id: 1031}">工具库2-1</li>
                            <li lay-options="{id: 1032}">
                                <div class="layui-menu-body-title">工具库2-2</div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="textMain">
                排序题记分规则1
            </div>
        </div>
    </div>
     <!-- #include file="com/footer.asp" -->
</body>
<script>
    layui.use('dropdown', function () {
        var dropdown = layui.dropdown;
        //菜单点击事件，其中 docDemoMenu1 对应的是菜单结构上的 id 指
        dropdown.on('click(docDemoMenu1)', function (options) {
            var othis = $(this); //当前菜单列表的 DOM 对象
            console.log(options); //菜单列表的 lay-options 中的参数
        });
    });
</script>

</html>